import QtQuick 1.0
Rectangle {
    id: root
    width: 300
    height: 40

        smooth: true
        property alias label : label.text
        property alias textInput : inputId
        property alias text : inputId.text
        property alias inputMask : inputId.inputMask
        property alias validator : inputId.validator


    Text {
        id:label
        anchors.bottom: parent.top
        anchors.bottomMargin: 4
        text:"Host : "
        color: "gray"
        font.pixelSize: 16
    }


    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightgray" }
        GradientStop { position: 1.0; color: "white" }
    }

    radius: 2
      border.color: inputId.focus ?  "#F0A512" : "transparent"
    border.width: 3

    TextInput {
        id:inputId
        width: root.width
        text: "test"
        horizontalAlignment: TextInput.AlignHCenter
        font.bold: false
        font.pointSize: 10
        anchors.centerIn: parent
        font.pixelSize: 20

    }

}
